@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

body { background-color: #000000 !important; color: #FFF !important; padding-bottom: 80px; }

section { background-color: #161616; padding: 40px; margin-top: 25px; }

.col-12 > h1 { 
	text-align: center;
    color: #fff;
    font-size: 44px;
    font-family: "Oswald";
    background: #15caff;
    line-height: 48px;
    padding: 20px 0px 15px;
margin: 40px 0px; }

h2 { 
		font-size: 44px;
    font-family: "Oswald";
    color: #15caff;
    line-height: 48px; }

h3 {
	font-family: "Roboto";
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
}

h4 { 
	font-size: 28px;
  font-family: "Oswald";
  color: #15caff; }

h5 {
	margin-top: 15px;
    font-family: "Oswald";
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

small { color: #9b9b9b !important; }
a, a:hover { color: #ffa83a; }

p strong {
	color: #15caff;
  margin-bottom: 10px;
  display: inline-block;
	font-size: 18px; }

.mt-40 { margin-top: 40px; }
.mt-80 { margin-top: 80px; }
.yellow { color: #ffa83a; }

/* ASUS */
#special-sectionOverview #z270-warp #z270-board {
    background-color: #000;
    position: relative;
    overflow: hidden;
}

#special-sectionOverview #z270-warp #z270-board .board {
    text-align: center;
    padding: 0 0px 60px;
}

#special-sectionOverview #z270-warp .mainsize, #special-sectionOverview #z270-warp #z270-board .board {
    max-width: 1000px;
}

#special-sectionOverview #z270-warp .mainsize, #special-sectionOverview #z270-warp .mainsize-full {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    position: relative;
}

#special-sectionOverview #z270-warp #z270-board .board .mbbg {
    width: 1000px;
    margin: 40px auto 20px;
    position: relative;
}

#special-sectionOverview #z270-warp #z270-board .board .mbbg .hb {
    display: inline-block;
    margin-right: 60px;
}

#special-sectionOverview #z270-warp img {
    max-width: 100%;
    height: auto;
	margin-top: -10px;
}

#special-sectionOverview #z270-warp #z270-board .board .line div.tx p {
    font-weight: normal;
}
#special-sectionOverview #z270-warp #z270-board .board .line>img {
    padding-top: 7px;
}
#special-sectionOverview #z270-warp #z270-board .board .line span,
#special-sectionOverview #z270-warp #z270-board .board .line p,
#special-sectionOverview #z270-warp #z270-board .board .line ul{
    font-family: "Roboto Condensed", "Oswald", "Roboto", 'Apple LiGothic Medium', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx ul{
    font-size: 0.9em;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p1 {
    top: 80px;
    left: 70px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p2 {
    top: 110px;
    left: 60px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p3 {
    top: 180px;
    left: 95px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p4 {
    top: 230px;
    left: 40px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p5 {
    top: 280px;
    left: 42px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p6 {
    top: 330px;
    left: 104px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p8 {
    top: 380px;
    left: 95px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p9 {
    top: 455px;
    left: 33px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p9 .tx {
    padding: 0px 10px 0 0;
    margin-right: -30px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p10 {
    top: 530px;
    left: 30px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p10 .tx {
    margin-right: -45px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p11 {
    top: 70px;
    left: 515px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p12 {
    top: 175px;
    left: 615px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p13 {
    top: 260px;
    left: 485px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p15 {
    top: 400px;
    left: 565px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p16 {
    top: 500px;
    left: 605px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p17 {
    top: 565px;
    left: 612px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p18 {
    top: 570px;
    left: 530px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p18 .tx {
    padding: 40px 0 0 10px;
}


#special-sectionOverview #z270-warp #z270-board .board .line.p19 {
    top: 662px;
    left: 548px;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p19 .tx {
    padding: 0px 0 0 10px;
}

#special-sectionOverview #z270-warp #z270-board .board .line {
    position: absolute;
    z-index: 2;
}

#special-sectionOverview #z270-warp #z270-board .board .line div.tx.l {
    float: left;
}

#special-sectionOverview #z270-warp #z270-board .board .line.p1 .tx {
    padding: 0px 10px 0 0;
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx {
    font-size: 19px;
    vertical-align: middle;
    color: #fff;
    text-align: left;
    font-weight: 300;
    font-family: "Roboto Condensed";
    line-height: 1.3;
}

#special-sectionOverview #z270-warp #z270-board .board .line div.tx.r {
    float: right;
}
#special-sectionOverview #z270-warp #z270-board .board .line.p11 .tx {
    padding: 0px 0 0 10px;
}
#special-sectionOverview #z270-warp #z270-board .board .line div.tx {
    font-size: 19px;
    vertical-align: middle;
    color: #fff;
    text-align: left;
    font-weight: 300;
    font-family: "Roboto Condensed";
    line-height: 1.3;
}

#special-sectionOverview #z270-warp figure .line .tx .cl {
    display: none;
}